<template>
  <div class="order">
    <!-- 公共标题 -->
    <div class="common-tel">
      收货人信息
      <div class="common-tel-dot">
        <em></em>
        <em></em>
        <em></em>
      </div>
    </div>
    <!-- 收货人信息 -->

    <div class="common-form"style="width: 95%;">
      <div class="order-info"style="width: 100%;">
        <!--<a href="选择收货地址.html" class="order-info-a"></a>-->
        <div class="order-info-name">
        </div>
        <div class="order-info-add"style="width: 100%;">
          <!--<label style="width: 100%;">收货人：{{data.consignee}}&nbsp;&nbsp;{{data.phone_mob}}</label>-->
          <div style="width: 100%;display: flex;margin-bottom:9px;"><span style="font-weight: bold;width: 30%;">{{data.consignee}}</span><span style="font-weight: bold;">{{data.phone_mob}}</span></div>
          <div style="display: flex;">
            <span style="">地址：{{data.address}}</span>
            <!--<span style="width: 100%;">{{data.address}}</span>-->
          </div>
        </div>
      </div>
    </div>
    <div class="common-form">
      <!--<div class="order-info-none"><em>+</em>添加收货地址</div>-->
    </div>



    <!-- 公共标题 -->
    <div class="common-tel">
      商品信息
      <div class="common-tel-dot">
        <em></em>
        <em></em>
        <em></em>
      </div>
    </div>
    <!-- 商品信息 -->
    <div class="common-form">
      <div class="order-shop">
        <!--<p class="order-shop-tel"><i></i>李东东的店铺</p>-->
        <div class="order-shop-info">
          <img :src="img">
          <div>
            <p>{{DataList.goods_name}}</p>
            <p>（{{DataList.quantity}}装），{{DataList.quantity}}件</p>
            <p>{{((Number(DataList.gonghuojia)*Number(Eleven)).toFixed(2))*100/100}} 积分<!--<del>￥100.00</del>--></p>
          </div>
        </div>
        <div class="order-shop-more"style="display: none;font-size: 12px;">购买数量 <em></em></div>
        <div class="order-shop-more"style="font-size: 14px;">购买数量 <em style="font-weight: bold;">x{{DataList.quantity}}</em></div>
        <div class="order-shop-more"style="font-size: 14px;">运费 <em style="font-weight: bold;">{{DataList.shipping_fee}}</em></div>
        <div class="order-shop-more"style="font-size: 14px;">商品兑换积分 <em style="font-weight: bold;">{{((Number(DataList.gonghuojia)*Number(Eleven)*Number(DataList.quantity)).toFixed(2))*100/100}}</em></div>
      </div>
    </div>
    <div class="footer-100"></div>
    <!-- 支付 -->
    <div class="order-footer">
      <div>
        <span style="font-weight: bold;color: black;">实付款：</span><span><em>{{((Number(DataList.gonghuojia)*Number(Eleven)*Number(DataList.quantity)+Number(DataList.shipping_fee)).toFixed(2))*100/100}}</em>积分</span>
      </div>
      <span style="width: 30%;float: left;background: #FE2746;text-align: center;color: #FFF;"@click="open">立即兑换</span>
    </div>

    <div class="layui-layer layui-layer-dialog" id="layui-layer1" type="dialog" times="1" showtime="0" contype="string" style="z-index: 19891015;  position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);"v-show="sover"><div class="layui-layer-title" style="cursor: move;text-indent: 12px;">信息</div><div id="" class="layui-layer-content">系统繁忙~~请稍后操作</div><span class="layui-layer-setwin"><a class="layui-layer-ico layui-layer-close layui-layer-close1" href="javascript:;"></a></span><div class="layui-layer-btn layui-layer-btn-"style="margin-bottom: 12px;"@click="ooopen"><a class="layui-layer-btn0">我知道了</a></div><span class="layui-layer-resize"></span></div>


  </div>
</template>

<script>
  import axios from 'axios'
  export default {
    name: 'Order',
    data(){
      return{
        openid:'oEhus5qPt0FvUjLFVIN7jynQVJl8',
        apiUrl:'order/orderMake',
        data:{
          "sids": [
            {
            }
          ],
          "city": "",
        },
        apiUrl2:'goods/detail',
        data2:{
          id:'',
        },
        ecvaiD: this.$route.params.ecvaiD,
        cvaiD_2: this.$route.params.cvaiD_2,
        ecvaiD_3: this.$route.params.ecvaiD_3,
        consignee: this.$route.params.consignee,
        address: this.$route.params.address,
        phone: this.$route.params.phone,
        num:this.$route.params.num,
        id:this.$route.params.id,

        dialogFormVisible: false,
        form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: '',
          DataAddr:[]
        },
        order:[
        ],
        shooping:[],
        // order_parent_sn:'',
        DataGoods:[],
        mov:false,
        shoop:[],
        imgTitl:'http://statics.76sd.com',
        img:'',
        order_parent_sn:'',
        DataList:[],
        yunf:'',
        Eleven:'11',
        dingdan:'',
        sover:false,
      }
    },
    created(){
      this.data.sids[this.data.sids.length-1].desp = this.num;
      this.data.sids[this.data.sids.length-1].id = this.id;
      this.data.province = this.ecvaiD;
      this.data.city = this.cvaiD_2;
      this.data.area = this.ecvaiD_3;
      this.data.consignee = this.consignee;
      this.data.address = this.address;
      this.data.phone_mob = this.phone;
      console.log(this.data)

      axios.get('/integral/api?', {
        params: {
          'apiUrl':this.apiUrl,
          'data':this.data,
          'openid':localStorage.getItem('openid'),
        },
      }).then(response =>{
        console.log(response);
        this.dingdan = response.data.order_parent_sn
        if (response.data.status == '400'){
          this.sover = true;

        }else {
          this.order_parent_sn = response.data.data.order_parent_sn;
          this.DataList = response.data.data.goods[response.data.data.goods.length-1];
          this.img = response.data.data.goods[response.data.data.goods.length-1].goods_image;
          console.log(this.DataList.price);
          this.yunf = (Number(this.DataList.shipping_fee)+Number(this.DataList.price)).toFixed(2)
        }
        this.img = response.data.data.goods[response.data.data.goods.length-1].goods_image;
        this.order_parent_sn = response.data.data.order_parent_sn;
        this.DataList = response.data.data.goods[response.data.data.goods.length-1];
        this.img = this.imgTitl+response.data.data.goods[response.data.data.goods.length-1].goods_image;
        this.yunf = (Number(this.DataList.shipping_fee)+Number(this.DataList.price)).toFixed(2)
      }).catch(function (error) {
        console.log(error);
      });
    },
    methods:{
      ooopen(){
        location.href = '/'
      },
      open(){
        axios.get('/integral/orderPay?', {
          params: {
            'openid':localStorage.getItem('openid'),
            'order_parent_sn':this.order_parent_sn
          },
        }).then(response =>{
          console.log(response.data);
          if (response.data.info == '剩余积分不够支付此商品'){
            // alert("剩余积分不够支付此商品");
            this.$message({
              message: '警告哦，剩余积分不够支付此商品',
              type: 'warning'
            });
            this.$router.push({name:'integral'});
          }else if (response.data.info == '支付成功') {
            // alert("支付成功");
            this.$message({
              message: '恭喜你，支付成功',
              type: 'success'
            });
            this.$router.push({name: 'Details', params: {order_parent_sn:this.order_parent_sn}})
          }else if (response.data.message == '订单状态不匹配'){
            // alert('订单状态不匹配');
            this.$message.error('错了哦，订单状态不匹配');
            this.$router.push('/')
          }else if (response.data.info == '订单30分钟未支付自动关闭订单，请重新下单') {
            // alert("订单30分钟未支付自动关闭订单，请重新下单");
            this.$message({
              message: '警告哦，订单30分钟未支付自动关闭订单，请重新下单',
              type: 'warning'
            });
            this.$router.push('/')
          }
        }).catch(function (error) {
          alert(error);
        });

      }
    },
    mounted(){
    },
  }
  function addStorage(shoop,value){
    localStorage.removeItem(shoop);
    localStorage.setItem(shoop,value);
  }

  function removeStorage(shoop){
    localStorage.removeItem(shoop);
  }

  function getStorage(shoop){
    var storage = window.localStorage;
    var val = storage.getItem(shoop);
    return val;
  }
</script>

<style scoped>
  *{
    margin:0px;
    padding:0px;
    font-family:"微软雅黑","Microsoft YaHei";
    font-size:14px;
    color:#101010;
  }
  body{
    width:100%;
    background:#f9f9f9;
  }
  em,i{
    font-style: normal;
  }
  a{
    text-decoration: none;
  }
  input,textarea{
    outline: none;
  }
  .left{
    float:left;
  }
  .right{
    float:right;
  }
  .footer-100{
    width:100%;
    height:60px;
    display: inline-block;
  }
  /*底部菜单*/
  .footer a{
    width:20%;
    text-align: center;
    float: left;
  }
  .footer a p{
    font-size:13px;
  }
  .footer a:nth-child(1) i{
    display: inline-block;
    height: 22px;
    width: 20px;
    overflow: hidden;
    margin-top: 2px;
    background: url(../../../assets//tab1-pink.png) no-repeat;
    background-size: 100%;
    margin-top: 5px;
    vertical-align: text-bottom;
  }
  .footer a:nth-child(2) i{
    display: inline-block;
    height: 22px;
    width: 18px;
    overflow: hidden;
    margin-top: 2px;
    background: url(../../../assets//tab2.png) no-repeat;
    background-size: 100%;
    margin-top: 5px;
    vertical-align: text-bottom;
  }
  .footer a:nth-child(3) i{
    display: inline-block;
    height: 22px;
    width: 20px;
    overflow: hidden;
    margin-top: 2px;
    background: url(../../../assets//tab3.png) no-repeat;
    background-size: 100%;
    margin-top: 5px;
    vertical-align: text-bottom;
  }
  .footer a:nth-child(4) i{
    display: inline-block;
    height: 22px;
    width: 20px;
    overflow: hidden;
    margin-top: 2px;
    background: url(../../../assets//tab4.png) no-repeat;
    background-size: 100%;
    margin-top: 5px;
    vertical-align: text-bottom;
  }
  .footer a:nth-child(5) i{
    display: inline-block;
    height: 22px;
    width: 20px;
    overflow: hidden;
    margin-top: 2px;
    background: url(../../../assets//tab5.png) no-repeat;
    background-size: 100%;
    margin-top: 5px;
    vertical-align: text-bottom;
  }
  /*商品数量*/
  .goods-num{
    margin-top: 15px;
    display: inline-block;
  }
  .add,.sub{
    font-size:20px;
    float: left;
    width:25px;
    height:25px;
    line-height: 25px;
    text-align: center;
  }
  .num{
    float: left;
  }
  .num input{
    width: 45px;
    height: 25px;
    line-height: 25px;
    border-radius: 20px;
    background-color: rgba(254, 39, 70, 0.08);
    border:0;
    text-align: center;
    color:#FC2847;
  }
  /*通屏按钮*/
  .btn-big{
    width:100%;
    height:49px;
    line-height: 49px;
    text-align: center;
    color:#FFF;
    background: #FE2746;
    position: fixed;
    bottom:0;
    left:0;
  }
  .btn-big em{
    font-size:20px;
    color:#FFF;
    vertical-align: bottom;
  }
  /*轮播*/
  .banner img{
    width:100%;
  }
  /*公共边框*/
  .common-form{
    width:94%;
    margin:0 auto;
    background: #FFF;
    border-radius: 5px;
    margin-top:10px;
    overflow: hidden;
  }
  /*公共标题*/
  .common-tel{
    width:94%;
    margin:0 auto;
    margin-top:15px;
    color:#FE2746;
    font-size:15px;
    font-weight: 600;
    display: inline-block;
    margin-left: 3%;
  }
  .common-tel-dot em:nth-child(1){
    width: 12px;
    height: 2px;
    background: #FE2746;
    float: left;
    margin-top: 5px;
  }
  .common-tel-dot em:nth-child(2){
    width: 8px;
    height: 2px;
    background-color: rgba(254, 39, 70, 0.59);
    float: left;
    margin-top: 5px;
    margin-left: 6px;
  }
  .common-tel-dot em:nth-child(3){
    width: 6px;
    height: 2px;
    background-color: rgba(254, 39, 70, 0.3);
    float: left;
    margin-top: 5px;
    margin-left: 6px;
  }
  .common-tel a{
    color: #FE2746;
    float: right;
    font-size: 12px;
    font-weight: 100;
    margin-top: -13px;
  }
  .common-tel a i{
    color:#FE2746;
  }










  /*详情页面*/
  .detail-banner img{
    width:100%;
    height:355px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .detail-banner-dot{
    width:100%;
    display: inline-block;
    text-align: center;
  }
  .detail-banner-dot em{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #CCC;
    display: inline-block;
    margin: 0 6px;
  }
  .detail-banner-dot-pink{
    background: #FE2746 !important;
  }
  .detail-tel,.detail-price,.detail-other{
    width:94%;
    margin:5px auto;
    line-height: 24px;
  }
  .detail-tel span{
    font-size: 12px;
    color: #999;
    float: right;
    margin-top: -17px;
  }
  .detail-tel span i{
    display: inline-block;
    height: 19px;
    width: 20px;
    overflow: hidden;
    margin-top: 2px;
    background: url(../../../assets//xin.png) no-repeat;
    background-size: 100%;
    margin-top: 5px;
    vertical-align: text-bottom;
  }
  .detail-price p:nth-child(1){
    font-size:12px;
    color:#999;
  }
  .detail-price p:nth-child(2){
    color: #FE2746;
    font-weight: 600;
    font-size: 14px;
  }
  .detail-price p:nth-child(2) em{
    color:#FE2746;
    font-size:18px;
  }
  .detail-other{
    display: inline-block;
    margin-left: 3%;
    margin-bottom: 2%;
  }
  .detail-other em{
    width:33.33%;
    float:left;
    color:#999;
    font-size:12px;
  }
  .detail-other em:nth-child(1){
    text-align: left;
  }
  .detail-other em:nth-child(2){
    text-align: center;
  }
  .detail-other em:nth-child(3){
    text-align: right;
  }
  .detail-service{
    padding:9px 8px;
    font-size:12px;
    color:#999;
  }
  .detail-service span{
    color:#FE2746;
    font-weight: 600;
  }
  .detail-service span em{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FE2746;
    display: inline-block;
    margin: 2px 6px;
  }

  .detail-recharge em{
    background: #FE2746;
    color:#FFF;
    font-weight: 600;
    text-align: center;
    line-height: 36px;
    padding:9px 8px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
  }
  .detail-recharge i{
    color:#FE2746;
    float: right;
    padding:8px;
    font-size:14px;
  }
  .detail-evaluate img{
    width:20px;
    height:20px;
    border-radius: 50%;
  }
  .detail-evaluate,.detail-shop{
    width: 94%;
    margin: 0 auto;
    display: inline-block;
    margin-left: 3%;
    padding-top: 3%;
  }
  .detail-evaluate-img{
    width:12%;
    float:left;
    text-align: center;
  }
  .detail-evaluate-text{
    width: 88%;
    float: left;
    padding-bottom: 3%;
    border-bottom: 1px solid #f2f2f2;
  }
  .detail-evaluate-text p:nth-child(1){
    color:#999;
    font-size:15px;
  }
  .detail-evaluate-text p:nth-child(2){
    font-size:12px;
    margin-top:8px;
  }
  .detail-shop{
    padding-bottom: 3%;
  }
  .detail-shop img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top: 7px;
  }
  .detail-shop-img{
    width:20%;
    float: left;
  }
  .detail-shop-text{
    width:80%;
    float: left;
  }
  .detail-shop-text-tel{
    font-size:16px;
  }
  .detail-shop-text-tel a{
    text-align: center;
    font-size: 12px;
    background: #FE2746;
    color: #FFF;
    border-radius: 20px;
    padding: 3px 9px;
    float: right;
  }
  .detail-shop-text-other{
    margin-top:10px;
  }
  .detail-shop-text-other span{
    color:#999;
    font-size:12px;
  }
  .detail-shop-text-other span:nth-child(2){
    margin:0 2%;
  }
  .detail-shop-text-other span em{
    color:#FE2746;
    font-size:12px;
  }
  .detail-info img{
    width:100%;
  }
  .detail-footer,.team-footer,.footer{
    position: fixed;
    bottom:0;
    left:0;
    height:48px;
    width:100%;
    background: #EBEBEB;
  }
  .detail-footer a:nth-child(1),.team-footer a:nth-child(1){
    width:20%;
    float: left;
    text-align: center;
  }
  .detail-footer a:nth-child(1) i,.team-footer a:nth-child(1) i{
    display: inline-block;
    height: 21px;
    width: 22px;
    overflow: hidden;
    margin-top: 2px;
    background: url(../../../assets//index.png)  no-repeat;
    background-size:100%;
    margin-top:5px;
  }
  .detail-footer a:nth-child(2) i,.team-footer a:nth-child(2) i{
    display: inline-block;
    height: 21px;
    width: 22px;
    overflow: hidden;
    margin-top: 2px;
    background: url(../../../assets//kefu.png)  no-repeat;
    background-size:100%;
    margin-top:5px;
  }
  .detail-footer a:nth-child(2),.team-footer a:nth-child(2){
    width:20%;
    float: left;
    text-align: center;
  }
  .detail-footer a:nth-child(3) i{
    display: inline-block;
    height: 21px;
    width: 22px;
    overflow: hidden;
    margin-top: 2px;
    background: url(../../../assets//shop.png)  no-repeat;
    background-size:100%;
    margin-top:5px;
  }
  .detail-footer a:nth-child(3){
    width:20%;
    float: left;
    text-align: center;
  }
  .detail-footer a:nth-child(4){
    width:40%;
    float: left;
    background: #FE2746 ;
    color:#FFF;
    text-align: center;
    height: 48px;
    line-height: 48px;
    height:48px;
    color:#FFF;
  }

















  /*选择规格*/
  .black{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
  }
  .footer-standard{
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
    background: #FFF;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    z-index: 10;
    overflow: hidden;
    display: none;
  }
  .footer-standard-shop{
    width:94%;
    margin:3% auto;
  }
  .footer-standard-shop img{
    width:92px;
    height:92px;
    border-radius: 5px;
    float: left;
  }
  .footer-standard-shop div{
    margin-left: 10px;
    display: inline-block;
    margin-top:15px;
  }
  .footer-standard-shop div p:nth-child(1){
    color:#FE2746;
    font-size:16px;
  }
  .footer-standard-shop div p:nth-child(1) em{
    color:#FE2746;
    font-size:18px;
  }
  .footer-standard-shop div p:nth-child(2) em{
    color:#999;
  }
  .footer-standard-shop div p:nth-child(2){
    font-size:12px;
  }
  .detail-btn{
    width:100%;
    color:#FFF;
    background:#FE2746;
    height:49px;
    text-align: center;
    border:0;
    margin-top: 40px
  }
  .footer-standard-num{
    margin-top:15px;
    width:94%;
    margin-left: 3%;
    display: inline-block;
  }
  .footer-standard-num p{
    font-size:16px;
  }
  .footer-standard-num div em{
    padding: 3px 10px;
    border-radius: 20px;
    background-color: rgba(123, 123, 123, 0.08);
    text-align: center;
    margin-top: 15px;
    display: inline-block;
    margin-left: 6px;
  }
  .footer-standard-num-pink{
    background-color: rgba(254, 39, 70, 0.08) !important;
    color:#FE2746;
  }























  /*拼团详情*/
  .team-footer a:nth-child(3),.team-footer a:nth-child(4){
    width:30%;
    height:49px;
    float:left;
    text-align: center;
    background-color: rgba(255, 139, 0, 1);
  }
  .team-footer a:nth-child(4){
    background: #FE2746;
  }
  .team-footer a:nth-child(3) p,.team-footer a:nth-child(4) p,.team-footer a:nth-child(3) em,.team-footer a:nth-child(4) em{
    color:#FFF;
  }
  .team-footer a:nth-child(3) em,.team-footer a:nth-child(4) em{
    margin-top: 5px;
    display: inline-block;
  }
  .group-detail-btn{
    width: 94%;
    margin:10px auto;
  }
  .group-detail-btn a{
    width: 77px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    border-radius: 5px;
    background-color: rgba(252, 40, 71, 1);
    text-align: center;
    color:#FFF;
    font-weight: 600;
    font-size:12px;
  }
  .group-detail-btn em{
    height: 24px;
    display: inline-block;
    color: #FE2746;
    font-size: 12px;
    line-height: 24px;
    border-radius: 5px;
    background-color: rgba(252, 40, 71, 0.07);
    text-align: center;
    margin-left: 10px;
    padding: 0 10px;
  }
  .group-detail-play-tel{
    height:38px;
    line-height: 38px;
    padding: 0 8px;
  }
  .group-detail-play-tel em {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FE2746;
    display: inline-block;
    margin: 2px 6px;

  }
  .group-detail-play-tel span{
    font-weight: 600;
    color: #FE2746;
    width: 90%;
    border-bottom: 1px solid #f2f2f2;
    display: inline-block;
  }
  .group-detail-play-tel span i{
    font-weight: 100;
    color:#FE2746;
    float:right;
  }
  .group-detail-spell{
    padding-bottom: 10px;
  }
  .group-detail-spell-tel{
    padding: 9px 0;
    width: 94%;
    margin: 0 auto;
    border-bottom: 1px solid #f2f2f2;
  }
  .group-detail-spell-tel i{
    float: right;
  }
  .group-detail-schedule{
    margin-top:12px;
  }
  .group-detail-spell-shop{
    width:94%;
    margin:0 auto;
    height:50px;
    line-height: 50px;
  }
  .group-detail-spell-shop a{
    width: 62px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    background-color: rgba(254, 39, 70, 1);
    text-align: center;
    color: #FFF;
    font-size: 12px;
    float: right;
    margin-top:10px;
  }
  .group-detail-spell-shop img{
    width:30px;
    height:30px;
    float: left;
    border-radius: 50%;
    margin-top:10px;
  }
  .group-detail-spell-shop span:nth-child(2){
    font-size:12px;
    margin-left: 5px;
  }
  .group-detail-spell-shop span:nth-child(3){
    font-size:12px;
    color:#999;
    margin-left: 5px;
  }
  .group-detail-spell-shop span:nth-child(5){
    font-size:12px;
    float: right;
    margin-right: 10px;
  }
  .group-detail-spell-shop span:nth-child(5) em{
    font-size:12px;
    color:#FE2746;
  }
  .group-detail-schedule-50,.group-detail-schedule-25,.group-detail-schedule-75,.group-detail-schedule-100{
    width:25%;
    float:left;
    text-align: center;
    padding-bottom: 10px;
  }
  .group-detail-schedule-50 p,.group-detail-schedule-25 p,.group-detail-schedule-75 p,.group-detail-schedule-100 p{
    font-size:12px;
  }
  /*环形进度条*/
  .loading {
    width: 30px;
    height: 30px;
    position: relative;
    margin-left: 30%;
    padding-bottom: 10px;
  }
  .loading .progress {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    left:5px;
    top: 5px;
    text-align: center;
  }

  .loading-left,
  .loading-right {
    width: 15px;
    height: 30px;
    overflow: hidden;
    position: relative;
    float: left;
    background-color: #FE2746
  }
  .loading-left {
    border-radius: 112px 0 0 112px;
  }
  .loading-right {
    border-radius: 0 112px 112px 0;
  }
  .loading-left:after,
  .loading-right:after {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 30px;
    background-color: #FFF;
  }
  .loading-right:after {
    content: "";
    position: absolute;
    display: block;
  }
  .loading-left:after {
    transform-origin: right center;
  }

  .loading-right:after {
    transform-origin: left center;
    transform: rotateZ(90deg);
  }


  /*第二个*/
  .loading-left2,
  .loading-right2 {
    width: 15px;
    height: 30px;
    overflow: hidden;
    position: relative;
    float: left;
    background-color: #FE2746
  }
  .loading-left2 {
    border-radius: 112px 0 0 112px;
  }
  .loading-right2 {
    border-radius: 0 112px 112px 0;
  }
  .loading-left2:after,
  .loading-right2:after {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 30px;
    background-color: #FFF;
  }
  .loading-right2:after {
    content: "";
    position: absolute;
    display: block;
  }
  .loading-left2:after {
    transform-origin: right center;
  }

  .loading-right2:after {
    transform-origin: left center;
    transform: rotateZ(180deg);
  }


  /*第三个*/
  .loading-left3,
  .loading-right3 {
    width: 15px;
    height: 30px;
    overflow: hidden;
    position: relative;
    float: left;
    background-color: #FE2746
  }
  .loading-left3 {
    border-radius: 112px 0 0 112px;
  }
  .loading-right3 {
    border-radius: 0 112px 112px 0;
  }
  .loading-left3:after,
  .loading-right3:after {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 30px;
    background-color: #FFF;
  }
  .loading-right3:after {
    content: "";
    position: absolute;
    display: block;
  }
  .loading-left3:after {
    transform-origin: right center;
    transform: rotateZ(90deg);
  }

  .loading-right3:after {
    transform-origin: left center;
    transform: rotateZ(180deg);
  }


  /*第四个*/
  .loading-left4,
  .loading-right4 {
    width: 15px;
    height: 30px;
    overflow: hidden;
    position: relative;
    float: left;
    background-color: #FE2746
  }
  .loading-left4 {
    border-radius: 112px 0 0 112px;
  }
  .loading-right4 {
    border-radius: 0 112px 112px 0;
  }
  .loading-left4:after,
  .loading-right4:after {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 30px;
    background-color: #FFF;
  }
  .loading-right4:after {
    content: "";
    position: absolute;
    display: block;
  }
  .loading-left4:after {
    transform-origin: right center;
    transform: rotateZ(180deg);
  }
  .loading-right4:after {
    transform-origin: left center;
    transform: rotateZ(180deg);
  }



















  /*拼团首页*/
  .team-search{
    width:94%;
    margin:0 auto;
    background: #FE2746;
    border-radius: 20px;
  }
  .team-search div{
    color:#FFF;
    margin-top:15px;
    padding:8px 16px;
  }
  .team-search div i{
    display: block;
    height: 19px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets//sousuo.png) no-repeat;
    background-size: 100%;
    margin-top: 0px;
    float: right;
  }
  .team-list{
    width: 100%;
    height: 38px;
    display: inline-block;
    overflow: auto;
  }
  .team-list-ul{
    width:1000px;
  }
  .team-list-ul a{
    width: 82px;
    text-align: center;
    display: inline-block;
    float: left;
    padding: 7px 0;
    color: #999;
  }
  .team-list-ul-pink{
    color:#FE2746 !important;
    position: relative;
  }
  .team-list-ul-pink i{
    width: 0;
    height: 0;
    position: absolute;
    bottom: -3px;
    left: 41%;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 6px solid red;
  }
  .team-spell{
    width:94%;
    margin:0 auto;
  }
  .team-spell-goods img{
    width:100%;
    height:112px;
  }
  .team-spell-goods{
    width: 32%;
    background: #FFF;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    margin-top:10px;
    padding-bottom: 5px;
  }
  .team-spell a:nth-child(2){
    margin: 10px 2% 0;
  }
  .team-spell-goods p:nth-child(2){
    width:94%;
    margin:0 auto;
    font-size:12px;
    padding:2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
  }
  .team-spell-goods p:nth-child(3){
    font-size: 12px;
    color: #FE2746;
    width: 94%;
    margin: 0 auto;
  }
  .team-spell-goods p:nth-child(3) em {
    font-weight: 600;
    color:#FE2746;
  }
  .team-spell-goods p:nth-child(4){
    font-size:12px;
    width:94%;
    margin:5px auto;
    color:#999;
  }
  .team-spell-goods p:nth-child(4) em{
    font-size:12px;
    background-color: rgba(252, 40, 71, 0.07);
    color:#FC2847;
    float: right;
    padding:2px 5px;
    border-radius: 20px;
    margin-top: -3px;
  }
  .team-goods-img{
    width:31%;
    height:118px;
    float: left;
  }
  .team-goods{
    width:64%;
    float: left;
    margin-left: 2%;
  }
  .team-goods p:nth-child(1){
    margin-top:8px;
  }
  .team-goods p:nth-child(2){
    color:#999;
    font-size:12px;
    margin:5px 0;
  }
  .team-goods p:nth-child(2) em{
    color:#FC2847;
  }
  .team-goods p:nth-child(3){
    margin-top:16px;
  }
  .team-goods p:nth-child(3) em:nth-child(1){
    color:#FC2847;
  }
  .team-goods p:nth-child(3) em:nth-child(2){
    text-decoration: line-through;
    font-size: 12px;
    color: #999;
  }
  .team-goods p:nth-child(3) em:nth-child(3){
    line-height: 20px;
    border-radius: 46px;
    background-color: rgba(254, 39, 70, 1);
    font-size: 12px;
    color: #FFF;
    padding: 4px 8px;
    float: right;
    margin-right: 6px;
    margin-top: -8px;
  }














  /*确认订单*/
  .order-info{
    padding: 10px 8px;
    position: relative;
    display: inline-block;
  }
  .order-info-none{
    width:100%;
    height:90px;
    display: inline-block;
    color:#999;
    text-align: center;
    line-height: 90px;
  }
  .order-info-none em{
    font-size:20px;
    color:#999;
    vertical-align: bottom;
  }
  .order-info-a{
    position: absolute;
    right: 10px;
    top: 39%;
    display: block;
    height: 19px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets//jiantou.png) no-repeat;
    background-size: 100%;
    margin-top: 0px;
    float: right;
  }
  .order-info-name{
    font-size:15px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .order-info-add label{
    float: left;
    width:3rem;
    display: inline-block;
  }
  .order-info-add span{
    float: left;
    width:80%;
    display: inline-block;
  }

  .order-shop,.order-pay{
    width: 94%;
    margin: 3% auto;
    display: inline-block;
    margin-left: 3%;
  }
  .order-shop-tel{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
    font-weight: 600;
  }
  .order-shop-tel i{
    display: block;
    height: 19px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets//cart.png) no-repeat;
    background-size: 100%;
    margin-top: 0px;
    float: left;
    margin-right: 5px;
  }
  .order-shop-more{
    width: 100%;
    height: 38px;
    line-height: 38px;
    display: inline-block;
  }
  .order-shop div:nth-child(5) em,.order-shop div:nth-child(4) em,.order-shop div:nth-child(3) em,.order-shop div:nth-child(6) input{
    float: right;
  }

  .order-shop div:nth-child(6) input{
    width:100px;
    text-align: right;
    border:0;
    outline: none;
    padding: 10px 0;
  }
  .order-shop img{
    width:80px;
    height:80px;
    border-radius: 5px;
    float: left;
  }
  .order-shop-info{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    margin-top:10px;
  }
  .order-shop-info div{
    float: left;
    margin-left: 2%;
    width: 71%;
  }
  .order-shop-info div p:nth-child(1){
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .order-shop-info div p:nth-child(2){
    color:#999;
    margin:10px 0;
    font-size:12px;
  }
  .order-shop-info div p:nth-child(3){
    color:#FE2746;
    font-weight: 600;
  }
  .order-shop-info div p:nth-child(3) del{
    color:#999;
    font-size:12px;
    font-weight: normal;
  }
  .order-pay{
    position: relative;
  }
  .order-pay img{
    width:40px;
    height:40px;
    float: left;
    border-radius: 50%;
  }
  .order-pay div{
    width: 60%;
    float: left;
    margin-left: 3%;
  }
  .order-pay div p:nth-child(2){
    color: #999;
    font-size: 12px;
    margin-top: 5px;
  }
  .order-pay em{
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 1px solid rgba(187, 187, 187, 1);
    border-radius: 50%;
    position: absolute;
    top:36%;
    right: 10px;
  }
  .order-pay-pink{
    border: 1px solid #FE2746 !important;
    background: #FE2746;
  }
  .order-footer{
    position: fixed;
    bottom: 0;
    left:0;
    height:49px;
    line-height: 49px;
    width:100%;
    background: #FFF;
  }
  .order-footer div{
    width:67%;
    float: left;
    margin-left: 3%;
    background: #FFF;
  }
  .order-footer div span{
    color:#FE2746;
  }
  .order-footer div span em{
    font-size:15px;
    font-weight: 600;
    color:#FE2746;
  }
  .order-footer a{
    width:30%;
    float: left;
    background: #FE2746 ;
    text-align: center;
    color:#FFF;
  }


  /*选择地址*/
  .order-select-info{
    width:94%;
    margin:3%;
    display: inline-block;
    position: relative;
  }
  .order-select{
    width: 10px;
    height: 10px;
    /*background-color: rgba(252, 40, 71, 1);*/
    border: 1px solid rgba(187, 187, 187, 1);
    border-radius: 50%;
    display: inline-block;
    float: left;
    position: absolute;
    top: 41%;
    left: -2px;

  }
  .order-select-info-name{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .order-select-pink{
    background-color: rgba(252, 40, 71, 1);
    border: 1px solid rgba(252, 40, 71, 1)!important;
  }
  .order-select-info-name,.order-select-info-add,.order-add-info-add{
    margin-left: 22px;
    width: 88%;
  }
  .order-select-info-edit{
    position: absolute;
    right: 0px;
    top: 37%;
    display: block;
    height: 19px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets//edit.png) no-repeat;
    background-size: 100%;
    margin-top: 0px;
    float: right;
  }



  /*添加地址*/
  .order-add-info-add span{
    color:#999;
  }
  .order-user{
    width:94%;
    margin:3%;
    display: inline-block;
  }
  .order-add-user{
    height:38px;
  }
  .order-add-user-textarea{
    margin-top:10px;
  }
  .order-add-user label{
    width:70px;
    line-height: 38px;
    float: left;
    display: inline-block;
  }
  .order-add-user-textarea label{
    width: 70px;
    display: inherit;
    float: left;
  }
  .order-add-user-textarea textarea{
    padding: 0px 9px;
    width: 71%;
    border: 0;
    height: 38px;
    font-weight: 600;
  }
  .order-add-user input{
    padding: 9px;
    width: 71%;
    border:0;
    font-weight: 600;
  }
  .order-add-user span{
    width: 75%;
    display: inline-block;
    float: left;
    margin-top:9px;
  }













  /*会员商城*/
  .vip{
    width:94%;
    display: inline-block;
    margin-left:3%;
    margin-top:5%;
  }
  .vip-search{
    width:94%;
    margin:0 auto;
    background: #DFB87D;
    border-radius: 20px;
  }
  .vip-search div{
    color:#FFF;
    margin-top:15px;
    padding:8px 16px;
  }
  .vip-search div i{
    display: block;
    height: 19px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets//sousuo.png) no-repeat;
    background-size: 100%;
    margin-top: 0px;
    float: right;
  }
  .vip-list{
    width:25%;
    background: #FFF;
    border-radius: 5px;
    padding-bottom: 10px;
  }
  .vip-list a{
    text-align: center;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    padding: 15px 0px 10px;
  }
  .vip-goods{
    width: 72%;
    margin-left: 3%;
    background: #FFF;
    border-radius: 5px;
    overflow: hidden;
  }
  .vip-goods-list img{
    width:100%;
  }
  .vip-list-click{
    color:#DFB87D !important;
    font-weight: 600 !important;
  }
  .vip-goods-list{
    width:92%;
    margin:4%;
  }
  .vip-goods-tel{
    font-size: 14px;
    font-weight: 600;
    margin:10px 0;
  }
  .vip-commodity-list{
    width:30%;
    float: left;
    text-align: center;
    margin-bottom: 5px;
  }
  .vip-commodity-list img{
    width:60px;
    height:60px;
    border-radius: 5px;
  }
  .vip-commodity-list p{
    font-size:12px;
    margin:5px 0;
  }
  .vip-commodity-list:nth-child(2),.vip-commodity-list:nth-child(5),.vip-commodity-list:nth-child(8),.vip-commodity-list:nth-child(11){
    margin: 0 5%;
  }


  /*会员列表*/
  .vip-list-ranking ,.vip-list-sales,.vip-list-price{
    width:33.33%;
    float: left;
    text-align: center;
    padding:10px 0;
  }
  .vip-list-ranking a,.vip-list-sales a,.vip-list-price a{
    position: relative;
    font-size:13px;
  }
  .vip-list-ranking em:nth-child(1),.vip-list-sales em:nth-child(1),.vip-list-price em:nth-child(1){
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #999;
    position: absolute;
    top: 17%;
    right: -45%;
  }
  .vip-list-ranking em:nth-child(2),.vip-list-sales em:nth-child(2),.vip-list-price em:nth-child(2){
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #999;
    position: absolute;
    top: 58%;
    right: -45%;
  }










  /*会员详情*/
  .vip-btn{
    background: #DFB87D !important;
  }
  .vip-em{
    width: 76px;
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
    background-color: rgba(223, 184, 125, 1);
    text-align: center;
    color: #FFF;
    font-weight: 600;
    display: inline-block;
    margin-right: 10px;
  }
  .vip-recharge{
    width:94%;
    margin:0 auto;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
    background-color: rgba(252, 40, 71, 1);
    margin-top:10px;
  }
  .vip-recharge a{
    color:#FFF;
    font-weight: 600;
    padding: 0 10px
  }
  .vip-recharge i{
    color: #FFF;
    float: right;
    padding: 0 8px;
    font-size: 14px;
  }









  /*购物车*/
  .cart-select{
    width: 10px;
    height: 10px;
    border: 1px solid rgba(187, 187, 187, 1);
    border-radius: 50%;
    display: inline-block;
    float: left;
    position: absolute;
    top: 41%;
    left: -21px;
  }
  .cart-select-pink{
    background-color: rgba(252, 40, 71, 1);
    border: 1px solid rgba(252, 40, 71, 1)!important;
  }
  .cart-shop{
    width: 94%;
    margin: 3% auto;
    display: inline-block;
    margin-left: 3%;
  }
  .cart-shop img{
    width: 80px;
    height: 80px;
    border-radius: 5px;
    float: left;
  }
  .cart-info{
    margin-left: 20px;
    position: relative;
  }
  .cart-info div{
    width: 68%;
  }
  .cart-total{
    width:70%;
    background: #FFF;
    float: left;
  }
  .cart-total span:nth-child(1){
    line-height: 49px;
    padding:10px;
  }
  .cart-total span:nth-child(1) em{
    width: 10px;
    height: 10px;
    background-color: rgba(252, 40, 71, 1);
    border: 1px solid rgba(252, 40, 71, 1)!important;
    border-radius: 50%;
    float: left;
    margin-top: 18px;
    margin-left: 11px;
  }
  .cart-total span:nth-child(2) em{
    color:#FC2847;
    font-size:16px;
  }
  .cart-balance{
    width:30%;
    background: #FC2847;
    float: left;
  }
  .cart-balance a{
    width:100% !important;
    height:49px;
    text-align: center !important;
    color:#FFF;
    line-height: 49px;
  }
  .cart-number{
    display: inline-block;
    position: absolute;
    right: 22px;
    bottom: 0;
  }
  .cart-sub,.cart-add{
    font-size:20px;
    width:25px;
    height:25px;
    text-align: center;
    line-height: 25px;
    float: left;
  }
  .cart-num input{
    float: left !important;
    height:25px;
    width:40px;
    border:0;
    line-height: 25px;
    text-align: center;
    background-color: rgba(254, 39, 70, 0.08);
    font-size:12px;
    border-radius: 20px;
  }

  .user-mine a:nth-child(1) i{
    display: block;
    height: 19px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets//user-1.png) no-repeat;
    background-size: 100%;
    margin-top: 8px;
    float: left;
    margin-right: 10px;
  }

  .user-mine a:nth-child(2) i{
    display: block;
    height: 19px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets//user-2.png) no-repeat;
    background-size: 100%;
    margin-top: 10px;
    float: left;
    margin-right: 10px;
  }

  .user-mine a:nth-child(3) i{
    display: block;
    height: 19px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets//user-3.png) no-repeat;
    background-size: 100%;
    margin-top: 10px;
    float: left;
    margin-right: 10px;
  }
  .user-mine a:nth-child(4) i{
    display: block;
    height: 19px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets//user-4.png) no-repeat;
    background-size: 100%;
    margin-top: 10px;
    float: left;
    margin-right: 10px;
  }
  .user-mine a:nth-child(5) i{
    display: block;
    height: 19px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets//user-5.png) no-repeat;
    background-size: 100%;
    margin-top: 10px;
    float: left;
    margin-right: 10px;
  }
  .user-more a:nth-child(1) i{
    display: block;
    height: 22px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets//user-6.png) no-repeat;
    background-size: 100%;
    margin-top: 10px;
    float: left;
    margin-right: 10px;
  }
  .user-more a:nth-child(2) i{
    display: block;
    height: 22px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets//user-7.png) no-repeat;
    background-size: 100%;
    margin-top: 10px;
    float: left;
    margin-right: 10px;
  }
  .user-order a:nth-child(2) i{
    display: block;
    height: 26px;
    width: 24px;
    overflow: hidden;
    background: url(../../../assets//order-1.png) no-repeat;
    background-size: 100%;
    margin-left: 31%;
  }
  .user-order a:nth-child(3) i{
    display: block;
    height: 26px;
    width: 24px;
    overflow: hidden;
    background: url(../../../assets//order-1.png) no-repeat;
    background-size: 100%;
    margin-left: 31%;
  }
  .user-order a:nth-child(4) i{
    display: block;
    height: 26px;
    width: 24px;
    overflow: hidden;
    background: url(../../../assets/order-1.png) no-repeat;
    background-size: 100%;
    margin-left: 31%;
  }
  .user-order a:nth-child(5) i{
    display: block;
    height: 26px;
    width: 24px;
    overflow: hidden;
    background: url(../../../assets/order-1.png) no-repeat;
    background-size: 100%;
    margin-left: 31%;
  }
  .user-order a:nth-child(6) i{
    display: block;
    height: 26px;
    width: 24px;
    overflow: hidden;
    background: url(../../../assets/order-1.png) no-repeat;
    background-size: 100%;
    margin-left: 31%;
  }























  /*查看店铺*/
  .shop{
    width:94%;
    display: inline-block;
    margin-left:3%;
  }
  .shop-goods{
    width:47%;
    float: left;
    background: #FFF;
    border-radius: 5px;
    overflow: hidden;
    margin-top:10px;
    padding-bottom: 10px;
  }
  .shop-goods img{
    width:100%;
    height:173px;
  }
  .shop-goods-info p:nth-child(1){
    width: 94%;
    margin: 0 auto;
    font-size: 13px;
    padding: 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
  }
  .shop-goods-info p:nth-child(2){
    width: 94%;
    margin: 0 auto;
    font-size:12px;
    color:#999;
  }
  .shop-goods-info p:nth-child(3){
    font-size:12px;
    color:#999;
    width: 94%;
    margin: 0 auto;
  }
  .shop-goods-info p:nth-child(3) em{
    color:#FC2847;
  }
  .shop-goods-info p:nth-child(3) em i{
    color:#FC2847;
    font-size:16px;
  }
  /*.shop-goods-info p:nth-child(3) em{
      color:#999;
      font-size:12px;
      float: right;
  }*/
  .shop .shop-goods:nth-child(odd){
    margin-right: 6%;
  }
  .shop-info a{
    width: 66px;
    height: 25px;
    line-height: 25px;
    border-radius: 20px;
    background-color: rgba(254, 39, 70, 1);
    color:#FFF;
    text-align: center;
    display: inline-block;
    float: right;
    margin-top:15px;
  }
  .shop-info {
    margin-top:10px;
    margin-bottom: 10px;
  }
  .shop-info img{
    width:54px;
    height:54px;
    border-radius: 5px;
    float: left;
  }
  .shop-info div{
    margin-left: 2%;
    width:50%;
    display: inline-block;
  }
  .shop-info div p:nth-child(1){
    font-weight: 600;
    margin-top:5px;
  }
  .shop-info div p:nth-child(2){
    color:#999;
    font-size:12px;
    margin-top:10px;
  }
  .shop-info-more{
    display: inline-block;
    width:100%;
    margin-top:10px;
  }
  .shop-info-more a:nth-child(1),.shop-info-more a:nth-child(2){
    width: 66px;
    height: 25px;
    line-height: 25px;
    border-radius: 20px;
    background-color: rgba(223, 223, 223, 1);
    display: inline-block;
    float: left;
    text-align: center;
    color:#999;
    margin-right: 15px;
  }
  .shop-info-more a:nth-child(1) i{
    display: block;
    height: 19px;
    width: 17px;
    overflow: hidden;
    background: url(../../../assets/kefu.png) no-repeat;
    background-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    float: left;
    vertical-align: middle;
  }
  .shop-info-more a:nth-child(2) i{
    display: block;
    height: 19px;
    width: 17px;
    overflow: hidden;
    background: url(../../../assets/kefu.png) no-repeat;
    background-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    float: left;
    vertical-align: middle;
  }
  .shop-info-more a:nth-child(3){
    color:#FC2847;
    font-weight: 600;
    float: right;
  }
  .shop-info-more a:nth-child(3) i{
    display: block;
    height: 19px;
    width: 17px;
    overflow: hidden;
    background: url(../../../assets/lihe.png) no-repeat;
    background-size: 100%;
    margin-top: 0px;
    float: left;
    vertical-align: middle;
    margin-top: 2px;
  }










  /*秒杀详情*/




  /*公告列表*/
  .notice-list{
    width:94%;
    padding:3%;
    display: inline-block;
  }
  .notice-list p:nth-child(1){
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .notice-list p:nth-child(2){
    font-size:12px;
    color:#999;
    margin-top:10px;
  }

  /*公告详情*/
  .notice-detail{
    width:94%;
    margin:15px auto;
  }
  .notice-detail-tel{
    font-size:18px;
    font-weight: 600;
  }
  .notice-detail-time{
    font-size:12px;
    color:#999;
    margin-top:10px;
  }
  .notice-text p{
    line-height: 25px;
    margin-bottom: 10px;
  }
  .notice-text img{
    width:100%;
  }




  /*个人中心*/
  .user{
    background: #FC2847;
  }
  .user-info{
    width: 94%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 3%;
  }
  .user-info img{
    width:50px;
    height:50px;
    border-radius: 50%;
    float: left;
  }
  .user-info-name{
    float: left;
    width:81%;
    margin-left: 3%;
  }
  .user-info-name p:nth-child(3){
    color:#FFF;
    font-weight: 600;
    font-size:16px;
  }
  .user-info-name p:nth-child(4){
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.17);
    margin-top: 6px;
    padding: 3px 10px;
    display: inline-block;
  }
  .user-info-name p:nth-child(4) em{
    color:#FFF;
    font-size:12px;
    float: left;
  }
  .user-info-name p:nth-child(4) i{
    display: block;
    height: 14px;
    width: 13px;
    overflow: hidden;
    background: url(../../../assets/user.png) no-repeat;
    background-size: 100%;
    margin-top: 0px;
    vertical-align: middle;
    margin-top: 2px;
    float: left;
  }
  .user-mine{
    padding:2% 3%;
  }
  .user-mine p{
    height:38px;
    line-height: 38px;
  }
  .user-order{
    padding: 3%;
    display: inline-block;
    width: 94%;
  }
  .user-order a{
    width:20%;
    text-align: center;
    float: left;
  }
  .user-order span{
    padding-bottom: 3%;
    border-bottom: 1px solid #f2f2f2;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .user-order span i{
    font-size:12px;
    color:#999;
    float: right;
    font-weight: normal;
    line-height: 20px;
  }
  .user-more{
    margin:2% 3%;
  }
  .user-more a{
    height:38px;
    line-height: 38px;
    width:100%;
    display: inline-block;
  }
  .user-img{
    width:94%;
    height:95px;
    display: inline-block;
    margin-left: 3%;
    border-radius: 5px;
    margin-top:10px;
  }
  .user-news{
    display: block;
    height: 21px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets/tong.png) no-repeat;
    background-size: 100%;
    margin-top: 0px;
    vertical-align: middle;
    margin-top: 2px;
    float: right;
  }
  .user-fit{
    display: block;
    height: 21px;
    width: 20px;
    overflow: hidden;
    background: url(../../../assets/fit.png) no-repeat;
    background-size: 100%;
    margin-top: 0px;
    vertical-align: middle;
    margin-top: 2px;
    float: right;
    margin-left: 10px;
  }




  /*我的收藏*/
  .collect-tel{
    padding: 2% 3%;
    display: inline-block;
    width: 94%;
  }
  .collect-tel span{
    width:50%;
    float: left;
    text-align: center;
  }
  .collect-shop img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 10px;
    float:left;
  }
  .collect-shop{
    line-height: 60px;
  }
  .collect-shop em{
    font-size:12px;
    color:#999;
    float: right;
    padding: 0 10px;
  }



  /*我的订单*/
  .order-tab a{
    width: 20%;
    float: left;
    text-align: center;
    padding: 13px 0;
  }
  .order-tab-pink{
    color:#FC2847;
    font-weight: 600;
  }
  .order-more{
    width:100%;
    text-align: right;
  }
  .order-more p{
    font-size:12px;
  }
  .order-more-gary{
    height: 25px;
    line-height: 25px;
    border-radius: 20px;
    background-color: rgba(123, 123, 123, 0.08);
    color: #999;
    font-size: 12px;
    text-align: center;
    border: 1px solid rgba(238, 238, 238, 1);
    display: inline-block;
    padding: 0 10px;
    margin-top: 10px;
    margin-left: 10px;
  }
  .order-more-pink{
    height: 25px;
    line-height: 25px;
    border-radius: 20px;
    background-color: rgba(254, 39, 70, 0.08);
    color: #FC2847;
    font-size: 12px;
    text-align: center;
    border: 1px solid rgba(254, 39, 70, 0.08);
    display: inline-block;
    padding: 0 10px;
    margin-top: 10px;
    margin-left: 10px;
  }
  .order-shop-tel em{
    color: #FC2847;
    font-size:12px;
    float: right;
  }






  /*首页公告*/
  .index-notice{
    width:94%;
    display: inline-block;
    margin:8px;
    line-height: 23px;
  }
  .index-notice a{
    color:#999;
    font-size:12px;
  }
  .index-notice-tel i{
    display: block;
    height: 21px;
    width: 20px;
    overflow: hidden;
    /*background: url(../../../assets//ding.png) no-repeat;*/
    background: url(../../../assets/ding.png) no-repeat;
    background-size: 100%;
    margin-top: 0px;
    vertical-align: middle;
    margin-top: 2px;
    float: left;
  }
  .index-notice-tel{
    color:#FC2847;
    font-weight: 600;
  }
  .index-notice img{
    width: 20px;
    float: right;
    margin-top: 3px;
  }
</style>
